<template>
	<div>
		<div>编辑框</div>
		<div>{{ getCount }}</div>
		<div>
			<textarea id="kindeditor" name="content" style="width:800px;height:400px;">KindEditor</textarea>
		</div>
		<el-form>
			<div class="fleet">
				<div class="detail">
					<span>1</span>
					<el-form-item label="大巴车:">
						<el-input style="width: 110px;"/>
					</el-form-item>
					<el-form-item label="大巴车:">
						<el-input style="width: 110px;"/>
					</el-form-item>
					<el-form-item label="大巴车:">
						<el-input style="width: 110px;"/>
					</el-form-item>
				</div>
				<img
				  class="addIcon"
				  referrerpolicy="no-referrer"
				  src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng9d30e3cdc7c4e2212dee16af075b5f03f49a9bfcaec8798b5380b3891ecf0341"
				/>
				<span class="addLabel">添加车型</span>
			</div>
		</el-form>
	</div>
</template>

<script>
	import { loadKindeditor } from '/src/util/util.js'
	import { mapGetters } from 'vuex'
	export default {
		name: 'kindeditor',
		data() {
			return {
				
			}
		},
		computed: {
			...mapGetters([
				'getCount'
			])
		},
		components: {
		},
		beforeCreate() {
			//main()
			import('/public/js/test')//.then(module => console.log('加载完毕。。。。。。。。。。。', module));
		},
		mounted() {
			loadKindeditor(this.init)
		},
		methods: {
			init() {
				KindEditor.ready(function(K) {
					var editor = K.create('#kindeditor', {
						allowFileManager : true
					});
				})
			}
		}
	}
</script>

<style scoped rel="stylesheet/less" lang="less">
.fleet {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 1457px;
  margin-top: 10px;
  .detail {
    z-index: 13;
    height: 59px;
    border-radius: 2px;
    border: 1px solid rgba(55, 60, 80, 1);
    width: 1364px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
  .addIcon {
    z-index: 237;
    width: 21px;
    height: 21px;
    margin-top: 19px;
  }
  .addLabel {
    z-index: 241;
    width: 56px;
    display: block;
    overflow-wrap: break-word;
    color: rgba(24, 144, 255, 1);
    font-size: 14px;
    font-family: PingFangSC-Medium;
    line-height: 20px;
    text-align: left;
    margin-top: 20px;
  }
}
::v-deep.el-form-item {
  margin-top: 18px;
  .el-form-item__content {
	display: inline-block;
  }
}
</style>
